<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>


  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>

<style>
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>
<body>
  <div id="app">
    <el-button @click="index()" type="primary">返回主页</el-button>
<el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  <el-form-item label="日期" prop="riqi">
  <el-col :span="6">
 <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.riqi" ></el-date-picker>
  </el-col>
  </el-form-item>

基本情况：
  <el-form-item label="企业名称" prop="qiyename">
  <el-col :span="6">
    <el-input v-model="ruleForm.qiyename"></el-input>
  </el-col>
    
  </el-form-item>
  <el-form-item label="地区" prop="diqu">
  <el-col :span="6">
    <el-input v-model="ruleForm.diqu"></el-input>

</el-col>
  </el-form-item>
  <el-form-item label="地址" prop="dizhi">
  <el-col :span="6">
    <el-input v-model="ruleForm.dizhi"></el-input>

</el-col>
  </el-form-item>
  <el-form-item label="规模" prop="guimo">
  <el-col :span="6">
    <el-input v-model="ruleForm.guimo"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="标签" prop="biaoqian">
  <el-col :span="6">
    <el-input v-model="ruleForm.biaoqian"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="主生产" prop="zhushengchan">
  <el-col :span="6">
    <el-input v-model="ruleForm.zhushengchan"></el-input>
</el-col>
  </el-form-item>

工资说明：
  <el-form-item label="综合发薪" prop="zonghexinzi">
  <el-col :span="6">
    <el-input v-model="ruleForm.zonghexinzi"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="发薪日" prop="faxinri">
  <el-col :span="6">
    <el-input v-model="ruleForm.faxinri"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="薪资结构" prop="xinzijiegou">
  <el-col :span="6">
    <el-input v-model="ruleForm.xinzijiegou"></el-input>
</el-col>
  </el-form-item>


食宿交通：
  <el-form-item label="伙食" prop="huoshi">
  <el-col :span="6">
    <el-input v-model="ruleForm.huoshi"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="住宿" prop="zhusu">
  <el-col :span="6">
    <el-input v-model="ruleForm.zhusu"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="厂车" prop="changche">
  <el-col :span="6">
    <el-input v-model="ruleForm.changche"></el-input>
</el-col>
  </el-form-item>

工作环境：
  <el-form-item label="岗位" prop="gangwei">
  <el-col :span="6">
    <el-input v-model="ruleForm.gangwei"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="着装" prop="zhuozhuang">
  <el-col :span="6">
    <el-input v-model="ruleForm.zhuozhuang"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="站坐" prop="zhanzuo">
  <el-col :span="6">
    <el-input v-model="ruleForm.zhanzuo"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="班别" prop="banbie">
  <el-col :span="6">
    <el-input v-model="ruleForm.banbie"></el-input>
</el-col>
</el-col>
  </el-form-item>
  <el-form-item label="其他" prop="qita">
  <el-col :span="6">
    <el-input v-model="ruleForm.qita"></el-input>
</el-col>
  </el-form-item>

录用条件：
  <el-form-item label="身份证"   prop="shenfenzheng">
  <el-col :span="6">
    <el-input v-model="ruleForm.shenfenzheng"></el-input>
</el-col>
  </el-form-item>

  <el-form-item label="学历" prop="xueli">
  <el-col :span="6">
    <el-input v-model="ruleForm.xueli"></el-input>
</el-col>
  </el-form-item>

  <el-form-item label="纹身" prop="wenshen">
  <el-col :span="6">
    <el-input v-model="ruleForm.wenshen"></el-input>
</el-col>
  </el-form-item>

  <el-form-item label="烟疤" prop="yanba">
  <el-col :span="6">
    <el-input v-model="ruleForm.yanba"></el-input>
</el-col>
  </el-form-item>

  <el-form-item label="返厂规定" prop="fanchangguiding">
  <el-col :span="6">
    <el-input v-model="ruleForm.fanchangguiding"></el-input>
</el-col>
  </el-form-item>

  <el-form-item label="体检" prop="tijian">
  <el-col :span="6">
    <el-input v-model="ruleForm.tijian"></el-input>
</el-col>
  </el-form-item>

所需资料：
  <el-form-item label="身份证复印件" prop="sfzfyj">
  <el-col :span="6">
    <el-input v-model="ruleForm.sfzfyj"></el-input>
</el-col>
  </el-form-item>

  <el-form-item label="毕业证复印件" prop="byzfyj">
  <el-col :span="6">
    <el-input v-model="ruleForm.byzfyj"></el-input>
</el-col>
  </el-form-item>

  <el-form-item label="照片" prop="zhaopian">
  <el-col :span="6">
    <el-input v-model="ruleForm.zhaopian"></el-input>
</el-col>
  </el-form-item>

订单条件：
  <el-form-item label="工种" prop="gongzhong">
  <el-col :span="6">
    <el-input v-model="ruleForm.gongzhong"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="性别" prop="xingbie">
  <el-col :span="6">
    <el-input v-model="ruleForm.xingbie"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="年龄" prop="nianling">
  <el-col :span="6">
    <el-input v-model="ruleForm.nianling"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="工价" prop="gongjia">
  <el-col :span="6">
    <el-input v-model="ruleForm.gongjia"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="返费天数" prop="fanfeitianshu">
  <el-col :span="6">
    <el-input v-model="ruleForm.fanfeitianshu"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="总返费" prop="zongfanfei">
  <el-col :span="6">
    <el-input v-model="ruleForm.zongfanfei"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="会员返费" prop="huiyuanfanfei">
  <el-col :span="6">
    <el-input v-model="ruleForm.huiyuanfanfei"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="经纪人提成" prop="jingjirenticheng">
  <el-col :span="6">
    <el-input v-model="ruleForm.jingjirenticheng"></el-input>
</el-col>
  </el-form-item>
  <el-form-item label="劳务"  prop="laowu">
  <el-col :span="6">
    <el-input v-model="ruleForm.laowu"></el-input>
  </el-form-item>
  <el-form-item label="备注"  prop="beizhu">
  <el-col :span="6">
    <el-input v-model="ruleForm.beizhu"></el-input>
  </el-form-item>



  <el-form-item label="是否招聘"  prop="shifouzhaopin">
    <el-radio-group v-model="ruleForm.shifouzhaopin">
      <el-radio label="是"></el-radio>
      <el-radio label="否"></el-radio>
  		
    </el-radio-group>
  </el-form-item>


    <el-button type="primary" @click="onSubmit">立即添加</el-button>
    <el-button type="danger" @click="onCancel">取消</el-button>
  </el-form-item>
</el-form>
</div>

</body>
<!-- import Vue before Element -->
<script src="static/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="static/dist/element-ui.js"></script>
  <script>
    new Vue({
      el: '#app',
      data:{
		ruleForm: {
			riqi:'',
			shifouzhaopin:'',
	        qiyename: '',
			diqu:'',
			dizhi:'',
	        guimo: '',
	        biaoqian: '',
	        zhushengchan: '',
	        zonghexinzi: '',
	        faxinri: '',
			xinzijiegou:'',
			huoshi:'',
			zhusu:'',
			changche:'',
			gangwei:'',
			zhuozhuang:'',
			zhanzuo:'',
			banbie:'',
			qita:'',
			shenfenzheng:'',
			xueli:'',
			wenshen:'',
			yanba:'',
			fanchangguiding:'',
			tijian:'',
			sfzfyj:'',
			byzfyj:'',
			zhaopian:'',
			gongzhong:'',
			xingbie:'',
			nianling:'',
			gongjia:'',
			fanfeitianshu:'',
			zongfanfei:'',
			huiyuanfanfei:'',
			jingjirenticheng:'',
			laowu:'',
			beizhu:'',
        },
		
     },
	created(){
		
	},
	methods:{
		index(){
			window.location.href = "/"
		},
     onSubmit() {
        $.ajax({
			url:"/home/appendata",
			type:"post",
			data:this.ruleForm,
			datatype:"json",
			success:function(res){
				if (res.success == 0){
					alert("添加成功！")
				}else{
					alert("添加失败！"+res.msg)
				}
			}
		})
      },
	     onCancel() {
        
      }
	}

    })
  </script>
</html>